<style>
.fenleigoods{ float: left; width: 100%;}
.fenleigoods li{ float: left; width: 50%;  text-align: center; line-height: 25px; padding-bottom: 20px; border-top: 1px solid #EEEEEE;}
.fenleigoods li:nth-of-type(odd){ border-right: 1px solid #EEEEEE;}
.goodsxiangqing{ float: left; width: 100%;}
.goodsxiangqing li{ float: left; width: 33.3%;  text-align: center; line-height: 25px; padding: 12px 0;}
.indexm{display: none;}
</style>
<body>
		<!-- 导航 -->
		<div class="mui-bar mui-bar-nav bj">
			<button id="zhuce" class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys mui-action-back">
				<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/back.png" />
			</button>
			<!--分享按钮-->
			<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right zys" id="s">
				<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/fenxiang.png" />
			</button>
			<script type="text/javascript" src="<?php echo APP_SITE_URL;?>/js/zepto.min.js"></script>
			<script type="text/javascript" src='<?php echo APP_TEMPLATES_URL;?>/js/SFE.mShare.js'></script>
			<script type="text/javascript">

				share.init({
					title:"分享到",   //可选，默认为"分享到"
					maskLayer:true,    //可选，遮罩层，默认为true
					needCancel:true,  //可选，取消按钮，默认为true
					shareTo:{
						wb:{
							type:"新浪微博",
							description:"这里是分享出去的内容",
							url:"http://www.suning.com",
							imgUrl:"http://image3.suning.cn/uimg/cms/img/143821992646004888.jpg"
						},
						kj:{
							type:"QQ空间",
							title:"QQ有可选的分享标题",
							description:"这里是分享出去的内容",
							url:"http://www.suning.com",
							imgUrl:"http://image3.suning.cn/uimg/cms/img/143821992646004888.jpg"
						},
						wm:{
							type:"生成二维码",
							url:location.href
						}
					}
				});
				//触发
				$("#s").click(function(){
					$(".share-mask").show();
					$(".share-area").show();
				});
				//取消
				$(".cancel").live("click", function () {
					$(".share-mask").hide();
					$(".share-area").hide();
				});
				//点击生成二维码 修改 by lijianjun 2017.1.6
				//点击显示二维码
				$("#share-wm").live("click", function () {
					//显示 二维码
					$(".qrcode-mask").show();
					$(".qrcode-mask").html('<div class="qrcode-box" ><h3>请使用手机扫描二维码</h3> <div class="qrcode" title="<?php echo BASE_SITE_URL;?>/app/index.php?act=goods&op=goods_detail&goods_id=<?php echo $output['goods_detail']['goods_info']['goods_id']; ?>"><span class="qrcode-close" onclick="javascript:void(0);"></span> <canvas width="160" height="160" style="display: none"></canvas> <img alt="Scan me!" src="<?php echo BASE_SITE_URL;?>api/qrcode.php?domain=www.jinguiyinqi.com&id=<?php echo $output['goods_detail']['goods_info']['goods_id']; ?>&type=goods"  style="display: block;"> </div> </div>');
				});
				//关闭二维码页面
				$(".qrcode-close").live("click", function () {
					//alert('666');return;
					//隐藏 二维码
					$(".qrcode-mask").hide();
					//$(".qrcode-mask").html('');
				});
			</script>
			<!--分享到-->
			<div class="share-mask" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1); display: none">
				<div class="share-area" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1); display: none">
					<h3>分享到</h3>

					<div class="clearfix"><a
							href="http://v.t.sina.com.cn/share/share.php?title=%E8%BF%99%E9%87%8C%E6%98%AF%E5%88%86%E4%BA%AB%E5%87%BA%E5%8E%BB%E7%9A%84%E5%86%85%E5%AE%B9&amp;url=http%3A%2F%2Fwww.suning.com&amp;content=utf-8&amp;sourceUrl=http%3A%2F%2Fwww.suning.com&amp;pic=http%3A%2F%2Fimage3.suning.cn%2Fuimg%2Fcms%2Fimg%2F143821992646004888.jpg"
							class="share-out share-wb" id="share-wb" target="_blank"><b
								class="wb-icon"><strong></strong></b>新浪微博</a><a
							href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http%3A%2F%2Fwww.suning.com&amp;summary=%E8%BF%99%E9%87%8C%E6%98%AF%E5%88%86%E4%BA%AB%E5%87%BA%E5%8E%BB%E7%9A%84%E5%86%85%E5%AE%B9&amp;title=QQ%E6%9C%89%E5%8F%AF%E9%80%89%E7%9A%84%E5%88%86%E4%BA%AB%E6%A0%87%E9%A2%98&amp;pics=http%3A%2F%2Fimage3.suning.cn%2Fuimg%2Fcms%2Fimg%2F143821992646004888.jpg"
							class="share-out share-kj" id="share-kj" target="_blank"><b
								class="kj-icon"><strong></strong></b>QQ空间</a><a href="javascript:void(0);" class="share-out share-wm"
																				id="share-wm" target="_blank"><b
								class="wm-icon"><strong></strong></b>生成二维码</a></div>
					<div class="cancel" onclick="javascript:void(0);">取消</div>
				</div>
			</div>
			<!--显示的二维码页面-->
			<div class="qrcode-mask" style="display: none"></div>
			<!--分享按钮end-->

			<h1 class="mui-title"><label style="font-size: 18px;vertical-align: middle; line-height: 44px;">产品详情</label></h1>
		</div>
		<!-- 主体内容 -->
		<section>

			<!-- banner -->
			<div id="slider" class="mui-slider mui-active">
				<div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
					<?php if(!empty($output['goods_detail']['goods_image_mobile']) && is_array($output['goods_detail']['goods_image_mobile'])){?>
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="<?php echo $output['goods_detail']['goods_image_mobile']['0'];?>">
						</a>
					</div>
					<?php foreach ($output['goods_detail']['goods_image_mobile'] as $_value) { ?>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="<?php echo $_value;?>">
						</a>
					</div>
					<?php } ?>

					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="<?php echo $output['goods_detail']['goods_image_mobile']['0'];?>">
						</a>
					</div>
					<?php } ?>
				</div>
				<div class="mui-slider-indicator">
					<div style="background: rgba(19, 18, 18, 0.25);margin: 0 auto; border-radius: 12px; display: initial; padding: 0px 5px;">
						<?php if(!empty($output['goods_detail']['goods_image_mobile']) && is_array($output['goods_detail']['goods_image_mobile'])){ $num=0;?>
						<?php foreach ($output['goods_detail']['goods_image_mobile'] as $_value) {++$num; ?>
							<div class="mui-indicator <?php if($num==1){echo 'mui-active';}?>"></div>
						<?php } } ?>
					</div>
				</div>
			</div>

			<!-- 以下内容 -->
				<div style="padding: 12px 0px 12px 16px;">
					<p style="color: #000000; font-size: 22px;line-height: 36px;"><?php echo $output['goods_detail']['goods_info']['goods_name']; ?></p>
					<p style="color: #000000; font-size: 22px;line-height: 36px;">￥<?php echo $output['goods_detail']['goods_info']['goods_price']; ?></p>
				</div>
				<div id="list202">
					<ul class="goodsxiangqing"  style="border: 1px solid #dddddd;">
						<li style="border-right: 1px solid #dddddd;">
							<p style="color: #f9b800; font-size: 20px;"><?php echo $output['goods_detail']['goods_info']['year_rate']; ?>&nbsp;%</p>
							<p style="color: #555555; font-size: 14px;">年收益</p>
						</li>
						<li style="border-right: 1px solid #dddddd;">
							<p style="color: #f9b800; font-size: 20px;"><?php echo $output['goods_detail']['goods_info']['year_limit']; ?>年</p>
							<p style="color: #555555; font-size: 14px;">年限</p>
						</li>
						<li>
							<p style="color: #f9b800; font-size: 20px;"><?php echo $output['goods_detail']['goods_info']['goods_rate']; ?>元</p>
							<p style="color: #555555; font-size: 14px;">月分红</p>
						</li>
					</ul>
					<div style="height: 10px; background: #f5f5f5; clear: both;"></div>
					<ul class="goodsxiangqing"  style="background: #fcfcfc;">
						<li>
							<p style="color: #555555; font-size: 13px;"><img style="vertical-align: middle; margin: 2px; width: 15px; margin-top: -2px;" src="<?php echo APP_TEMPLATES_URL;?>/images/xiangqing_03.png" />正品保证</p>
						</li>
						<li>
							<p style="color: #555555; font-size: 13px;"><img style="vertical-align: middle; margin: 2px; width: 15px; margin-top: -2px;" src="<?php echo APP_TEMPLATES_URL;?>/images/xiangqing_03.png" />七天退换</p>
						</li>
						<li>
							<p style="color: #555555; font-size: 13px;"><img style="vertical-align: middle; margin: 2px; width: 15px; margin-top: -2px;" src="<?php echo APP_TEMPLATES_URL;?>/images/xiangqing_03.png" />5年后回购</p>
						</li>
					</ul>
				</div>
				
				<div style="height: 10px; background: #f5f5f5; clear: both;"></div>
				
				<!--
                	作者：569154771@qq.com
                	时间：2016-11-08
                	描述：产品简介
                -->
				<div style="padding: 18px;">
					<p class="goodsdetail" style="color: #000000;font-size: 17px;height: 30px; background: url(<?php echo APP_TEMPLATES_URL;?>/images/xiangqing_07.png) no-repeat right; background-size: 28px; background-position-y: -2px;">产品简介</p>
					<p class="showdetail" style="color: #000000;font-size: 14px; line-height: 24px;">
						这是一款白银返本类产品，以5年年限全额返还给顾客的一款理财与消费结合的产品。购买此白银制品，每年返还顾客的本金的五分之一即1万元。五年后，顾客本金收回，且获得了实物白银。公司支持即时赎回，顾客可以按照现货白银价格将白银出售给公司。顾客亦可以将产品存放于公司仓库，公司免收保管费，无论白银的价格涨跌，顾客都能收回购买产品的本金。
					</p>
				</div>
				
				<div style="height: 10px; background: #f5f5f5; clear: both;"></div>
				
				<!--
                	作者：569154771@qq.com
                	时间：2016-11-08
                	描述：评论
                -->
			<div style="padding: 16px;">

				<div class="fl" style="width: 100%; border-bottom: 1px solid #DDDDDD; margin-bottom: 8px;">
					<p class="fl" style="color: #000000;font-size: 17px;height: 32px;">评论（<?php echo $output['goods_evaluate_info']['all'];?>）</p>
					<p style="font-size: 14px;" class="fr"><a href="index.php?act=goods&op=comment_list&goods_id=<?php echo $output['goods_detail']['goods_info']['goods_id']; ?>">查看全部<img style="vertical-align: middle; width: 16px; margin-top: -2px;" src="<?php echo APP_TEMPLATES_URL;?>/images/xiangqing_11.png"/></a></p>
					&nbsp;
				</div>
				<?php if(!empty($output['goodsevallist']) && is_array($output['goodsevallist'])){?>
				<?php foreach($output['goodsevallist'] as $k=>$v){?>
					<table width="100%">
						<tr>
							<td><img style="vertical-align: middle; max-width: 50%;width: 75px;height: 75px;" src="<?php echo getMemberAvatarForID($v['geval_frommemberid']);?>"/><label style="font-size: 17px;"><?php echo str_cut($v['geval_frommembername'],2).'***';?></label></td>
							<td style="text-align: right;"><label style=" font-size: 15px;"><?php echo @date('Y-m-d H:i:s',$v['geval_addtime']);?></label></td>
						</tr>

						<tr>
							<td colspan="2"><p style="color: #000000; font-size: 15px; line-height: 25px;padding: 5px 0;"><?php echo $v['geval_content'];?></p></td>
						</tr>
						<tr>
							<td colspan="2">
								<?php if(!empty($v['geval_image'])) {?>
									<?php $image_array = explode(',', $v['geval_image']);?>
									<?php foreach ($image_array as $value) { ?>
										<img style="max-width: 32%; border: 1px solid #DDDDDD !important;" src="<?php echo snsThumb($value);?>" />
									<?php } ?>
								<?php } ?>

							</td>
						</tr>
						<tr>
							<td colspan="2"><p style="font-size: 15px; line-height: 25px;padding: 5px 0; color: #999999;"></p></td>
						</tr>

					</table>
					<?php }?>
				<?php }?>
			</div>

<script>
	
	$(function(){
		$(".wenxin").click(function(){
			$(".showhide").slideToggle();
		});
		$(".goodsdetail").click(function(){
			$(".showdetail").slideToggle();
		});
	});
</script>
				<div style="height: 10px; background: #f5f5f5; clear: both;"></div>

                <div style="padding: 18px; line-height: 25px;">
					<p style="color: #000000;font-size: 17px;height: 32px;">产品详情</p>
					
					<div id="detail_div" style="color: #000000; font-size: 14px;"><?php echo $output['goods_detail']['goods_info']['mobile_body']; ?></div>
                </div>
                
                <div style="height: 10px; background: #f5f5f5; clear: both;"></div>
                
                <div style="padding: 18px;">
					<p class="wenxin" style="color: #000000;font-size: 16px;height: 30px; background: url(<?php echo APP_TEMPLATES_URL;?>/images/xiangqing_07.png) no-repeat right; background-size: 28px; background-position-y: 0px;">温馨提示</p>
					<div class="showhide">
						
					<p style="color: #000000;font-size: 12px; line-height: 30px;">
						期限一满即可回购，当然可以选择不回购！
					</p>
					<p style="font-size: 12px; line-height: 24px;">
						<label>注意：</label>回购时必须验证本人身份和商品（请认真填写实名信息和保留好产品上的二维码）。
					</p>
						
					</div>
					
				</div>
                
                <div style="height: 10px; background: #f5f5f5; clear: both;"></div>


                <div>
                	<img style="max-width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/xiangqing_29.png" />
                	<ul class="fenleigoods">
						<?php foreach ($output['top_goods_list'] as $_value) { ?>
						<li>
							<a href="index.php?act=goods&op=goods_detail&goods_id=<?php echo $_value['goods_id']; ?>"><img style="max-width: 100%;" src="<?php echo cthumb($_value['goods_image'], 265, $_value['store_id']);?>" /></a>
							<p style="color: #555555; font-size: 14px;"><?php echo $_value['goods_name']; ?></p>
							<p style="color: #c10a1f; font-size: 16px;">￥<?php echo $_value['goods_price']; ?></p>
							<p style="color: #f9b800; font-size: 13px;">年收益<?php echo $_value['year_rate']; ?>%</p>
						</li>
						<?php } ?>
					</ul>
                </div>
                
                <div style="background: #F4F4F4; height: 20px; clear: both;"></div>
                
		</section>
		
		<!--
        	作者：569154771@qq.com
        	时间：2016-11-09
        	描述：购物按钮
        -->
        <style>
            .KK{position: fixed;bottom:-6px;width: 100%;text-align: center;}
        	.KK img{ display: inline-table; max-width: 100%;}
        </style>
		<div class="KK">	
			
			<table width="100%">
				<tr>
					<td style="background: #202020; vertical-align: middle;"><a href="#" class="ask_call"><img src="<?php echo APP_TEMPLATES_URL;?>/images/K_06.jpg" /></a></td>
					<td style="background: #202020;vertical-align: middle;"><a href="#"><a href="index.php?act=cart&op=goods_cart"><img style="float: left;" src="<?php echo APP_TEMPLATES_URL;?>/images/gouwuche.png" />
						<span style="background:#efb33e;float: left;margin-left: -50%;margin-top: 15%;border-radius: 20px; line-height:17px;color: #000000;font-size: 14px;padding: 1px 2px 2px 1px;min-width: 20px;<?php if(!($output['goods_detail']['cart_count']>0)){echo 'display: none';}?>" id="cart_goods_num"><?php echo $output['goods_detail']['cart_count']; ?></span></a>
					</a></td>
					<td style="background: #4a4a4a;vertical-align: middle;"><a href="#" onclick="addgouwuche();"><img src="<?php echo APP_TEMPLATES_URL;?>/images/K_08.jpg" /></a></td>
					<td style="background: #efb33e;vertical-align: middle;"><a href="javascript:void(0);" onclick="buynow()"><img src="<?php echo APP_TEMPLATES_URL;?>/images/K_09.jpg" /></a></td>
				</tr>
			</table>
			
		</div>

<form id="buynow_form" method="post" action="index.php">
	<input id="act" name="act" type="hidden" value="order" />
	<input id="op" name="op" type="hidden" value="buy_step1" />
	<input id="cart_id" name="cart_id" type="hidden"/>
	<input id="ifcart" name="ifcart" type="hidden" value="0" />
</form>
		<script>
		
	$(".ask_call").bind("click", function () {
		$(".mui-popup-backdrop").show();
		$(".mui-popup-in").show();
	});
	function hideDiv(){
		$(".mui-popup-backdrop").hide();
		$(".mui-popup-in").hide();
	}
			$(function(){
				$(".close,.tanmu").click(
					function(){
						$(".tanmu").slideToggle();
						$(".tanmu2").slideToggle();
					});
			});
			
			function addgouwuche(){
				<?php if($_SESSION['member_id']){?>
					$(".tanmu").slideToggle();
					$(".tanmu2").slideToggle();
				<?php }else{?>
					var ref_url='<?php echo urlencode("index.php?act=goods&op=goods_detail&goods_id=".$output['goods_detail']['goods_info']['goods_id']);?>';
					//alert(ref_url);return;
					window.location.href = 'index.php?act=login&ref_url='+ref_url;//未登录
				<?php }?>

			}

			function buynow(){//立即购买
				var storage = <?php echo $output['goods_detail']['goods_info']['goods_storage']; ?>;
				if(storage<1){
					alert('库存不足');
					return;
				}
				<?php if($_SESSION['member_id']){?>
					$("#cart_id").val(<?php echo $output['goods_detail']['goods_info']['goods_id']; ?>+'|'+1);
					$("#buynow_form").submit();
				<?php }else{?>
					window.location.href = 'index.php?act=login';//未登录
				<?php }?>
			}
			
			function determine(){//确定添加购物车
				var storage = <?php echo $output['goods_detail']['goods_info']['goods_storage']; ?>;
				var quantity = parseInt($("#exnum").val(), 10);
				if(storage>=quantity) {
					$.getJSON('index.php?act=cart&op=add', {'goods_id': <?php echo $output['goods_detail']['goods_info']['goods_id']; ?>, 'quantity': quantity}, function (data) {
						if (data != null) {
							//alert(data.state);
							if (data.state) {
								$(".che").fadeToggle().delay(1500).fadeToggle();
								$(".tanmu").slideToggle();
								$(".tanmu2").slideToggle();
								// 头部加载购物车信息mff="sqde"
								$('#cart_goods_num').css('display','block');
								$('#cart_goods_num').html(data.num);
								//load_cart_information();
								//$("#rtoolbar_cartlist").load('/index.php?act=cart&op=ajax_load&type=html');
							} else {
								alert(data.msg);
							}
						}
					});
				}else{
					alert('库存不足');
				}
			}
			
			function test(){
				$(".tanmu").slideToggle();
				$(".tanmu2").slideToggle();
			}
			
			function countcut(){
				var count1 = parseInt($("#exnum").val(), 10);
				if (count1 <= 1) {
					$("#exnum").val(1);
				} else {
					$("#exnum").val(count1-1);
				}
			}
			function countadd(){
				var storage = <?php echo $output['goods_detail']['goods_info']['goods_storage']; ?>;
				var count = parseInt($("#exnum").val(), 10);
				if(count < storage){
					$("#exnum").val(count+1);
				}else{
					$("#exnum").val(storage);
				}
			}
			
			function positiveInteger(obj){
                 if(obj.value.length>1){  
         obj.value=obj.value.replace(/[^1-9]/g,'');  
    }else{  
         obj.value=obj.value.replace(/\D/g,'');  
    }
                if(obj.value==""||obj.value==0){
                	obj.value=1;
                }
            } 
		</script>
		<!--
        	作者：569154771@qq.com
        	时间：2016-11-10
        	描述：弹框加入购物车
        -->
        
        <style>        	
        .tanmu{background: rgba(0, 0, 0, 0.51); position: fixed; width: 100%; height: 100%; z-index: 990; top: 0; display: none;}
        .tanmu2{background: #FFFFFF; position: fixed; width: 100%;z-index: 996; bottom: 0; display: none;}
        .buttomcop{ font-size: 20px; line-height: 60px; color: #000000; background: #f0b33e; float: left; text-align: center; width: 100%;}
        .countm{ width: 76px !important; height: 49px !important; border: 0 !important; background: url(<?php echo APP_TEMPLATES_URL;?>/images/GG_13.jpg) no-repeat !important; text-align: center; vertical-align:top;font-size: 16px;}
        .tanmu2 p{ line-height: 26px;}
        .che{display: none;}
        .countcut:active{box-shadow: 0 0 3px #000;}
        .countadd:active{box-shadow: 0 0 3px #000;}
        </style>
        
        <div class="che"  style="position: fixed; top: 20%; margin: 0 auto;z-index: 9999; text-align: center; width: 100%;" >
        <img style="max-width:55%" src="<?php echo APP_TEMPLATES_URL;?>/images/che.png" />
        </div>
        
		<div style="text-align: center;" class="tanmu"></div>
		
		<div class="tanmu2">
			<table width="100%">
				
				<tr style="border-bottom: 1px solid #DDDDDD;">
					<td width="120" style="padding: 20px 10px 10px 10px;"><img style="max-width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/GG_03.jpg"></td>
					<td style=" vertical-align:top; padding-top: 20px;">
						<p style="font-size: 20px; color: #666666;"><?php echo $output['goods_detail']['goods_info']['goods_name']; ?></p>
						<p style="font-size: 20px; color: #000000;line-height: 30px">￥<?php echo $output['goods_detail']['goods_info']['goods_price']; ?></p>
					</td>
					<td width="28" style="vertical-align:top; padding: 25px 10px 10px 10px;"><img class="close" style=" width: 20px;" src="<?php echo APP_TEMPLATES_URL;?>/images/GG_06.jpg"/></td>
				</tr>
				
				<tr>
					<td colspan="3">						
						<div style="padding: 10px 0 10px 10px;">
							<p style="font-size: 16px; color: #666666; margin-bottom: 6px;">数量：</p>
							<img class="countcut" src="<?php echo APP_TEMPLATES_URL;?>/images/GG_11.jpg" onclick="countcut();" />
							<input style="color: #333333;" class="countm" id="exnum" value="1" type="number" onchange="positiveInteger(this);"/>
							<img class="countadd" src="<?php echo APP_TEMPLATES_URL;?>/images/GG_1.jpg" onclick="countadd();" />
							<label style="vertical-align:top;line-height: 45px; font-size: 16px; margin-left: 5px;color: #999999;">（库存:<?php echo $output['goods_detail']['goods_info']['goods_storage']; ?>件）</label>
						</div>
					</td>
				</tr>
				
				<tr>
					<td colspan="3">
						<a class="buttomcop" href="#" onclick="determine();">确定</a>
					</td>
				</tr>
				
			</table>
		</div>
</body>


<style>
	.mui-popup-backdrop {
		position: fixed;
		z-index: 998;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transition-duration: 400ms;
		transition-duration: 400ms;
		opacity: 0;
		background: rgba(0, 0, 0, .4)
	}

	.mui-popup-backdrop.mui-active {
		opacity: 1
	}

	.mui-popup {
		position: fixed;
		z-index: 10000;
		top: 50%;
		left: 50%;
		display: none;
		overflow: hidden;
		width: 270px;
		-webkit-transition-property: -webkit-transform, opacity;
		transition-property: transform, opacity;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
		transform: translate3d(-50%, -50%, 0) scale(1.185);
		text-align: center;
		opacity: 0;
		color: #000;
		border-radius: 13px
	}

	.mui-popup.mui-popup-in {
		display: block;
		-webkit-transition-duration: 400ms;
		transition-duration: 400ms;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
		opacity: 1
	}

	.mui-popup.mui-popup-out {
		-webkit-transition-duration: 400ms;
		transition-duration: 400ms;
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
		opacity: 0
	}

	.mui-popup-inner {
		position: relative;
		padding: 15px;
		border-radius: 13px 13px 0 0;
		background: rgba(255, 255, 255, .95)
	}

	.mui-popup-inner:after {
		position: absolute;
		z-index: 15;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		background-color: rgba(0, 0, 0, .2)
	}

	.mui-popup-title {
		font-size: 18px;
		font-weight: 500;
		text-align: center;
		padding-top: 10px;
	}

	.mui-popup-title+.mui-popup-text {
		font-size: 14px;
		margin-top: 10px
	}

	.mui-popup-buttons {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		height: 44px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}

	.mui-popup-button {
		font-size: 17px;
		line-height: 44px;
		position: relative;
		display: block;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		height: 44px;
		padding: 0 5px;
		cursor: pointer;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #000;
		background: rgba(255, 255, 255, .95);
		-webkit-box-flex: 1
	}

	.mui-popup-button:after {
		position: absolute;
		z-index: 15;
		top: 0;
		right: 0;
		bottom: auto;
		left: auto;
		display: block;
		width: 1px;
		height: 100%;
		content: '';
		-webkit-transform: scaleX(.5);
		transform: scaleX(.5);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		background-color: rgba(0, 0, 0, .2)
	}


</style>
<div class="mui-popup-backdrop mui-active" style="display: none;"></div>
<div class="mui-popup mui-popup-in" style="display: none;">
	<div class="mui-popup-inner">
		<div class="mui-popup-title">温馨提示</div>
		<div class="mui-popup-text">拨打客服热线：<a href="tel:0735-2651688">0735-2651688</a></div>
		<div class="mui-popup-text" style="margin-top: 15px;"><a href="index.php?act=temp&op=issue" style="color: #efb33e;text-decoration:underline;font-size: 14px; ">常见问题</a></div>
	</div>
	<div class="mui-popup-buttons">
		<span class="mui-popup-button" onclick="hideDiv();">关闭</span>
		</div>
</div>